<template>

  <div :style="{backgroundImage:'url('+this.tableData.backgroundimg+')'}"  style="background-size: 100% 100%;width: 1500px;height: 700px">
      <el-form ref="form" :model="tableData" label-width="80px" class="index">
        <br>
        <el-form-item label="头像" >
          <img :src="tableData.headimg" width="50" height="50">
        </el-form-item>
        <el-form-item label="公司地址">
          <el-input v-model="tableData.companyaddress" disabled></el-input>
        </el-form-item>
        <el-form-item label="公司名称">
          <el-input v-model="tableData.name" disabled></el-input>
        </el-form-item>
      </el-form>
  </div>
</template>

<script>
  import {businesscenter} from "@/api/company/index";

  export default {
    data() {
      return {
        tableData: {},
        name:"login"
      }
    },
    methods:{
      list(){
        businesscenter().then(res=>{
          console.log(res);
          this.tableData = res.data;
          console.log(this.tableData)
        })
      }
    },
    created() {
      this.list();
    }
  }
</script>

<style scoped>
  .index {
    filter:alpha(Opacity=85);
    -moz-opacity:0.85;
    opacity: 0.85;
    width: 300px;
  }
</style>
